import React, {Component} from 'react'

import pagesService from '../services/pagesService.js'

export default class Cinema extends Component {
	constructor(){
		super();
		this.state = {
			show: false
		}
	}
	render(){
		const cinemaListStyle = {
			display: this.state.show ? "block" : "none"
		}
		return(
			<div id="cinema" class="page">
				<ul class="city-zone">
					<li>
						<p onClick={this.showCinema.bind(this)}>福田区</p>
						<div class="cinema-list" style={cinemaListStyle}>
							<div class="cinema-detail">
								<h4>卢米埃深圳华强北九方IMAX影城<i class="right">&gt;</i></h4>
								<span>可乐爆米花</span> <span>优惠活动</span>
								<p>深圳福田区航路1号华强北九方购物中心4楼...</p>
								<p>距离未知</p>
							</div>
							<div class="cinema-detail">
								<h4>卢米埃深圳华强北九方IMAX影城<i class="right">&gt;</i></h4>
								<span>可乐爆米花</span> <span>优惠活动</span>
								<p>深圳福田区航路1号华强北九方购物中心4楼...</p>
								<p>距离未知</p>
							</div>
						</div>
					</li>
					<li>
						<p onClick={this.showCinema.bind(this)}>龙岗区</p>
						<div class="cinema-list" style={cinemaListStyle}>
							<div class="cinema-detail">
								<h4>卢米埃深圳华强北九方IMAX影城<i class="right">&gt;</i></h4>
								<span>可乐爆米花</span> <span>优惠活动</span>
								<p>深圳福田区航路1号华强北九方购物中心4楼...</p>
								<p>距离未知</p>
							</div>
							<div class="cinema-detail">
								<h4>卢米埃深圳华强北九方IMAX影城<i class="right">&gt;</i></h4>
								<span>可乐爆米花</span> <span>优惠活动</span>
								<p>深圳福田区航路1号华强北九方购物中心4楼...</p>
								<p>距离未知</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		)
	}
	showCinema(){
		this.setState({show: !this.state.show});
	}
	componentWillMount(){
		pagesService.getCinema()
		.then((res)=>{
			
		})
	}
	
}
